<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/aui.css" type="text/css" />
    <link rel="stylesheet" href="../../icon/fonticon/iconfont.css">
    <style>
      .aui-font-size-30 {
        font-size: 1.5rem;
      }
    </style>
</head>

<body>
    <section class="aui-grid">
        <div class="aui-row">
            <div class="aui-col-xs-4" onclick="handlemat(this)" tapmode>
                <i class="iconfont icon-cailiao aui-font-size-30 aui-text-info"></i>
                <div class="aui-grid-label">材料管理</div>
            </div>
            <div class="aui-col-xs-4" onclick="handlequality(this)" tapmode>
                <i class="iconfont icon-zhiliang aui-font-size-30 aui-text-info"></i>
                <div class="aui-grid-label">质量整改</div>
            </div>
            <div class="aui-col-xs-4" onclick="handlsafe(this)" tapmode>
                <i class="iconfont icon-anquan aui-font-size-30 aui-text-info"></i>
                <div class="aui-grid-label">安全整改</div>
            </div>
            <div class="aui-col-xs-4" onclick="handlplan(this)" tapmode>
                <i class="iconfont icon-jihua aui-font-size-30 aui-text-info"></i>
                <div class="aui-grid-label">计划管理</div>
            </div>
            <!-- <div class="aui-col-xs-4" onclick="handlemat(this)" tapmode>
                <i class="iconfont icon-baobiao1 aui-font-size-30 aui-text-info"></i>
                <div class="aui-grid-label">计划报表</div>
            </div> -->
            <div class="aui-col-xs-4" onclick="handlechart(this)" tapmode>
                <i class="iconfont icon-baobiao aui-font-size-30 aui-text-info"></i>
                <div class="aui-grid-label">统计报表</div>
            </div>
        </div>
    </section>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
    apiready = function() {

    };
    var handlemat = function (e) {
      api.openWin({
          name: 'matlist',
          url: './listpage/matlist.html'
      });
    }

    var handlequality = function (e) {
      api.openWin({
          name: 'quality',
          url: './listpage/quality.html'
      });
    }

    var handlsafe = function (e) {
      api.openWin({
          name: 'safe',
          url: './listpage/safe.html'
      });
    }

    var handlplan = function (e) {
      api.openWin({
          name: 'plan',
          url: './listpage/plan.html'
      });
    }

    var handlechart = function (e) {
      api.openWin({
          name: 'chart',
          url: './listpage/chart.html'
      });
    }
</script>

</html>
